<!-- 我的评价 -->
<template>
	<view class="multiple-page">
		<view style="height: 20rpx;"></view>
		<view class="multiple-page-list" v-for="(item,index) in cList" :key="index" >
			<view class="multiple-time">
				{{$u.timeFormat(item.createtime, 'dd/mm/yyyy年')}}
			</view>
			<view class="multiple-content">
				{{item.content}}
			</view>
			<view class="multiple-images">
				<image :src="item2" v-for="(item2,index2) in item.images" :key="index2">
			</view>
			
			<view class="multiple-goods" @tap="jump('/pages/goods/detail',{ id: item.order_data.goods_id })">
				<image :src="item.order_data.goods_image">
				<view class="multiple-goods-div">
					<view class="multiple-goods-title">
						{{item.order_data.goods_title || '' }}
					</view>
					<view class="multiple-goods-sku">
						{{ item.order_data.goods_sku_text || '' }}
					</view>
				</view>
			</view>
			
		</view>
		<view style="height: 70rpx;position: fixed;bottom: 0;z-index: 2;width: 100%;"></view>
	</view>
	
</template>

<script>

import { mapMutations, mapActions, mapState, mapGetters } from 'vuex';
export default {
	components: {
	},
	data() {
		return {
			id:0,
			cList:[],
		};
	},
	// 是否登录
	computed: {
		...mapGetters(['isLogin', 'authType']),
	},
	onLoad(e){
		let that = this;
		this.getClist();
	},
	methods: {
		// 检测
		checkActivity(data, type) {
			if (data) {
				return !data.includes(type);
			}
			return true;
		},
		// 路由跳转
		jump(path, parmas) {
			this.showShare = false;
			this.$Router.push({
				path: path,
				query: parmas
			});
		},
		// 回到首页
		goHome() {
			this.$Router.replaceAll('/pages/index/index');
		},

		// 选项卡
		onTab(id) {
			this.tabCurrent = id;
		},
		
		// 组件返回的type;
		changeType(e) {
			this.buyType = e;
		},
		// 组件返回的规格;
		getSkuText(e) {
			this.currentSkuText = e;
		},
		getClist(){
			let that = this;
			that.$http(
				'goods.commentMyList', {
				},
			).then(res => {

				that.cList=res.data.data;
				
			}).catch(e => {
				reject(e)
			});
		},
	}
};
</script>

<style lang="scss">
.multiple-page{
	// position: relative;
	background-color:#fff;
	min-height: 100%;
	padding-bottom: 70rpx;
}
.multiple-page-list{
	padding: 40rpx 37rpx 40rpx 37rpx;
	background-color:#fff;
	color: #444;
	border-bottom: 12rpx solid rgba(255, 255, 255, 0.1);
}
.multiple-title{
	font-size: 31rpx;
}
.multiple-right{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.multiple-time{
	font-size: 40rpx;
	margin-bottom: 58rpx;
}
.multiple-content{
	font-size: 29rpx;
	line-height: 41rpx;
}
.multiple-images{
	margin: 30rpx 0 30rpx 0;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
	image{
		width: 30%;
		height: 30vw;
		border-radius: 21rpx;
		margin: 10rpx 1.5vw 10rpx 1.5vw;
	}
}
.multiple-goods{
	display: flex;
	image{
		width: 104rpx;
		height: 104rpx;
		border-radius: 21rpx;	
		margin-right: 25rpx;
	}
	.multiple-goods-div{
		display: flex;
		flex-direction: column;
		flex-wrap: nowrap;
		justify-content: space-around;
	}
	.multiple-goods-title{
		font-size: 23rpx;
	}
	.multiple-goods-sku{
		font-size: 23rpx;
		color: #444;
	}
}

</style>
